<template>
  <div class="view-equip-title">基本信息</div>
  <div class="view-equip-wrap">
    <div class="view-equip-content">
      <div class="view-equip-item">
        <div class="label">任务单号</div>
        <div class="text">{{ detailData.workOrderCode }}</div>
      </div>
      <div class="view-equip-item">
        <div class="label">工单主题</div>
        <div class="text">{{ detailData.workOrderName }}</div>
      </div>
      <div class="view-equip-item">
        <div class="label">优先级</div>
        <div class="text">{{ detailData.weightDesc }}</div>
      </div>
    </div>
    <div class="view-equip-content">
      <div class="view-equip-item">
        <div class="label">预计开始时间</div>
        <div class="text">{{ detailData.planStartTime }}</div>
      </div>
      <div class="view-equip-item">
        <div class="label">预计结束时间</div>
        <div class="text">{{ detailData.planEndTime }}</div>
      </div>
      <div class="view-equip-item">
        <div class="label">是否消防中断</div>
        <div class="text">{{ detailData.isStop === 1 ? "是" : "否" }}</div>
      </div>
    </div>
    <div class="view-equip-content">
      <div class="view-equip-item plus">
        <div class="label">是否火警隔离</div>
        <div class="text">{{ detailData.isFireIsolation === 1 ? "是" : "否" }}</div>
      </div>
    </div>
  </div>
  <div class="view-equip-title">设备信息</div>
  <div class="view-equip-wrap">
    <div class="view-equip-content">
      <div class="view-equip-item">
        <div class="label">故障设备</div>
        <div class="text">{{ detailData.eqpName }}</div>
      </div>
      <div class="view-equip-item">
        <div class="label">所属地块</div>
        <div class="text">{{ detailData.facCodeDesc }}</div>
      </div>
      <div class="view-equip-item">
        <div class="label">设备位置</div>
        <div class="text">{{ detailData.positionCodeDesc }}</div>
      </div>
    </div>
    <div class="view-equip-content">
      <div class="view-equip-item plus">
        <div class="label">问题描述</div>
        <div class="text">{{ detailData.faultDesc }}</div>
      </div>
    </div>
    <div class="view-equip-content">
      <div class="view-equip-item plus">
        <div class="label">照片</div>
        <div class="text">
          <PhotoUpload photoType="view" :photoData="{ moduleName: moduleName }" :photoList="detailData.faultImageList" />
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import PhotoUpload from "@/components/Upload/PhotoUpload.vue";
const props = defineProps(["detailData", "moduleName"]);
</script>

<style lang="scss" scoped>
@import url("@/views/erc/scss/view-detail.scss");
</style>
